<template>
  <n-config-provider :theme-overrides="theme" class="h-100">
    <n-message-provider>
      <router-view></router-view>
    </n-message-provider>
  </n-config-provider>
</template>

<script lang="ts">
import { defineComponent } from "vue";
import {
  GlobalThemeOverrides,
  NConfigProvider,
  NMessageProvider,
} from "naive-ui";

const theme: GlobalThemeOverrides = {
  Button: {
    textColorTextHover: "#39a2db",
  },
  Input: {
    borderFocus: "#39a2db",
  },
};

export default defineComponent({
  name: "App",
  setup() {
    return {
      theme,
    };
  },
  components: {
    NConfigProvider,
    NMessageProvider,
  },
});
</script>

<style>
html,
body,
#app {
  height: 100%;
}
</style>
